
.nearsite-message{
    display: inline-block;
    clear:both;
    margin: 5px 10px;
}
.nearsite-message .avatar{
    float: left;
    padding-left: 5px;
}
.nearsite-message .avatar .red{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-image:url('../images/agenorder/tracert_icon_circle@3x.png') ;
    background-repeat:no-repeat;
    background-position:center;
}
.nearsite-message .avatar .gray{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-image: url('../images/agenorder/wuliu_icon_gray@3x.png');
    background-repeat:no-repeat;
    background-position:center;
}
.nearsite-message .content1{
    float: left;
    background: #fff;
    margin: 0 0px 0px 10px;
    /*padding: 10px;*/
    /*border-radius:7px;*/
    max-width: 90%;
    position: relative;
    min-height: 30px;
    font-size:15px;
}
.nearsite-message .contentred{
    float: left;
    background: #fff;
    margin: 0 0px 0px 10px;
    /*padding: 10px;*/
    /*border-radius:7px;*/
    max-width: 90%;
    position: relative;
    min-height: 30px;
    font-size:15px;
    color:red;
}

.nearsite-message .content img{
    width: 100%;
}
.nearsite-message .triangle{
    height:0px;
    width:0px;
    border-width:8px;
    border-style:solid;
    position: absolute;
    top:6px;
    border-color:transparent #fff transparent transparent;
    left:-16px;
}
.vertbar{
    width: 1px;
    height: 50px;
    background-color: #a2a2a2;
    margin: -34px 25px -8px;
}